<div data-bind="style: { width: gradeTitle.TermWidth}">
	<h3 class="floor bold"><span class="title1">Subject Name</span><span class="title2">Type</span>
	<div data-bind="foreach: {data:$root.TermsData}">
		<span data-bind="text: termTitle.customTitle" class="title3">Term x Marks</span>
	</div>
	<br class="clearBoth" />
	</h3>
	<div class="floorContentScholastic disabledSelect">
		<ul  data-bind="template: { name: 'subjects-template',templatePrefix: 'subjects/', foreach: SubjectVOarr, afterRender: afterSubjectsRender }" class="outerBlock"></ul>
		<div class="clearBoth"></div>
		<a data-bind='click: addSubject' href="#" class="addRoomBtn1 floatleft">Add a subject</a>
		<div class="clearBoth"></div>
	</div>
</div>
<!-- , enable: $root.isTeacherEditMode() -->